<template>
  <div class="main" style="width: 100%;">
    <el-card v-for="item in model" :key="item.id" style="width: 108px;margin-left: 28px;">
      <template #header>
        <div class="center">
          <div>
            {{ item.label }}
          </div>
        </div>
      </template>
      <div class="center">
        <div>
          {{ item.value }}
        </div>
      </div>
    </el-card>
  </div>
</template>

<script setup>

const model = defineModel("tableData")



</script>
<style lang="scss" scoped>
.main {
  display: flex;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>